Channel: Google Chrome Developers
Category: Science & Technology
Tags: jecelyn yeenwhat are devtools tipsgoogle developerchromedevelopersgoogle developershow to use devtools tipspurpose: educategds: yespr_pr: chrometype: devbyte (deck cleanup 0-10min)google chrome developersgoogle chromechrome devtoolsintro to devtools tipsdevtools tips tutorialchrome developerdeveloperchrome developersdevtools
Description: Tips on debugging CSS Flexbox with Chrome DevTools. Chapters: 0:00 - Intro 0:08 - Flexbox editor 0:49 - Flex badge and overlay 1:41 - Context-aware icons and overlay 2:15 - Flex icons in the Flexbox properties’ dropdown 2:30 - Layout pane 3:09 - Badge settings 3:26 - Learn more Links: Learn Flexbox debugging tools → goo.gle/devtools-flexbox Learn Flexbox → goo.gle/3JkwQFO GitHub goo.gle/3uD1uWY Catch more DevTools Tips → goo.gle/DevToolsTips Subscribe to Google Chrome Developers → goo.gle/ChromeDevs #DevToolsTips #Chrome #Developer